{% extends "shared/layout.volt" %}
{% block content %}
    <h1 class="page-header">用户详情</h1>
    <div class="form-box form-app-box">
        <div class="form-title-box">
            <h3 class="view-title">基础信息</h3>
        </div>
        <table class="table-detail">
            <tbody>
            <tr>
                <td>商户订单号</td>
                <td>G852017072621380554285</td>
            </tr>
            <tr>
                <td>交易流水号</td>
                <td>2017121121001004480209425803</td>
            </tr>
            </tbody>
        </table>
        <div class="form-title-box">
            <h3 class="view-title">商品信息</h3>
        </div>
        <table class="table-tidy">
            <thead class="table-tidy-head">
            <tr>
                <th style="width: 120px;">商品编号</th>
                <th>商品名称</th>

                <th style="width: 100px;">商品数量</th>
                <th style="width: 100px;">商品单价</th>
            </tr>
            </thead>
            <tbody class="table-tidy-body">
            <tr>
                <td>200000115</td>
                <td>
                    <img src="https://static.baiyangwang.com/Uploads/Goods_pic/2017-12-08/350x350/5a29dff1ea4e8_350x350.jpg" style="display: inline-block;width: 40px;height: 40px;margin-right: 20px;">
                    <span class="text-name">【买1送1共2瓶】纽特舒玛 成人维生素D3喷剂 促钙吸收 强健骨骼</span>
                </td>
                <td>1</td>
                <td>20.00</td>
            </tr>
            </tbody>
        </table>
        <div style="margin-top: 30px;">
            <button type="button" class="btn btn-success btn-s">返回</button>
        </div>

    </div>
{% endblock %}